<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">

	function doSetPagination(data){
		$(".rowCount").html(`总记录数(${data.total})`);
		$(".pageCount").html(`总页数(${data.pages})`);
		$(".pageCurrent").html(`当前页(${data.pageNum})`);
		//存储当前页码值和总页数(后续要用)
		//data(key[,value])为jquery中的一个数据存取函数,没有value时就表示取

		$("#pageId").data("pageCurrent",data.pageNum);
		$("#pageId").data("pageCount",data.pages);

		//window.pageCurrent=data.pageNum;
	}
	$(function(){
		//在pageId元素上注册click事件,当点击元素内部指定的子元素时,指定doJumToPage函数
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage)
	})

	function doJumpToPage(){//基于新的页码值重新加载数据
		//1.基于点击事件修改当前页面值
		//1.1 获取当前页码值以及总页数
		let pageCurrent=$("#pageId").data("pageCurrent");
		let pageCount=$("#pageId").data("pageCount");
		//1.2 修改当前页码值
		//获取被点击对象的class属性值($(this)可以获取被点击对象)
		let cls=$(this).prop("class");
		if(cls=="first"){
			pageCurrent=1;
		}else if(cls=="pre"&&pageCurrent>1){
			pageCurrent--;
		}else if(cls=="next"&&pageCurrent<pageCount){
			pageCurrent++;
		}else if(cls=="last"){
			pageCurrent=pageCount;
		}else{
			return;
		}
		//2.基于新的页码值重新执行查询
		//2.1重新存储新的页码值
		$("#pageId").data("pageCurrent",pageCurrent);
		//2.2调用列表页面中的doGetObjects方法,并在方法内部基于新的页码值重新执行查询
		doGetObjects();
	}

</script>






